@import '../../../scss/mixin';
@import '../../../scss/variable';


.topic {
    @include wh(100%, 100%);

    .item {
        background: #fff;
        margin-top: 20px;

        &:nth-child(1) {
            margin: 0;
        }

        dt img {
            @include wh(100%, 400px);
        }

        dd {
            text-align: center;
            @include ellipsis();
            padding: 20px 20px 0;

            b {
                color: red;
                font-size: $base-size-m;
            }

            &:nth-child(2) {
                @include thick(#000);
                letter-spacing: $base-size-l-s;
            }

            &:nth-child(3) {
                font-size: $base-size-s-m;
            }

            &:nth-child(4) {
                padding-bottom: 20px;
            }
        }
    }
}